#app{
    width:100%;
    height:auto;
}
#app .header{
    width:100%;
    height:22rem;
    background:url("../image/top-banner.png") no-repeat;
    background-size:100% 100%;
    position: relative;
    .git-rule{
        font-size:0.5rem;
        background:rgba(0, 0, 0, 0.5);
        color:#FFF3BB;
        padding:0.17rem 0.6rem;
        border-radius:1rem;
        -webkit-border-radius:;
        -moz-border-radius:;
        -ms-border-radius:;
        -o-border-radius:;
        position: absolute;
        top:0.5rem;
        right:1.8rem;
    } 
}
.rule-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9;
    display:none;
}
.rule-box .rule-b {
    width:13rem;
    margin:4rem auto;
}
.rule-box .rule-b .rule-t {
    background: #fff;
    font-size: 0.7rem;
    text-align: center;
    height: 2rem;
    line-height: 2rem;
    border-radius: 5px 5px 0 0;
}

.rule-box .rule-b .rule-info {
    background: #f5f5f5;
    padding:0.8rem;
    font-size: 0.5rem;
    border-radius: 0 0 5px 5px;
}

.rule-box .rule-b .rule-info p {
    margin-top: 0.8rem;
}

.rule-box .rule-b .rule-info p:last-child {
    margin-bottom:2rem;
}
